﻿
@{
    ViewBag.Title = "IncomeTotal";
    Layout = "~/Views/Shared/_Index.cshtml";
}

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>条形图</title>
    @*<link href="~/Content/css/framework-theme.css" rel="stylesheet" />
        <script src="~/Content/js/jquery/jquery-2.1.1.min.js"></script>*@
    <script src="~/Content/js/highcharts/highcharts.js"></script>
    <script>
        $(function () {
            $('#container').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: '收入统计'
                },
                xAxis: {
                    categories: ['1月', '2月', '3月', '4月', '5月'],
                    title: {
                        text: null
                    }
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: '人民币(元)',
                        align: 'high'
                    },
                    labels: {
                        overflow: 'justify'
                    }
                },
                tooltip: {
                    valueSuffix: '元'
                },
                plotOptions: {
                    bar: {
                        dataLabels: {
                            enabled: true
                        }
                    }
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x: -40,
                    y: 100,
                    floating: true,
                    borderWidth: 1,
                    backgroundColor: '#FFFFFF',
                    shadow: true
                },
                credits: {
                    enabled: false
                },
                series: [{
                    name: '门诊病人',
                    data: [10700, 3100, 60035, 2003, 2000]
                }, {
                    name: '住院病人',
                    data: [1033, 1056, 9047, 40008, 6000]
                }]
            });
        });

    </script>
</head>
<body>
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>

